// map.js
// 导入腾讯lbs服务的sdk(方法合集)
import qqmap from "../../../utils/qqmap"
Page({
  data: {
    // 说明：经度+维度 标记地图中具体的一个位置
    latitude: 39.908116, // 纬度
    longitude: 116.397292, // 经度
    // 在地图上可视化标记经纬度
    markers: [
      // 起点：天安门
      {
        id: 1,
        latitude: 39.908116,
        longitude: 116.397292,
        width: 24,
        height: 30,
        // 自定义位置显示的图片
        iconPath: '/static/images/marker.png',
      },
      // 终点：传智播客
      {
        id: 2,
        latitude: 40.060539,
        longitude: 116.343847,
        width: 24,
        height: 30,
      },
    ],
  },
  onLoad({ id }) {
    // 获取维修详情
    this.getRepairDetail(id)
  },
  goEdit() {
    wx.navigateTo({
      url: `/repair_pkg/pages/form/index?id=${this.data.id}`
    });

  },
  async getRepairDetail(id) {
    // 请求数据接口
    const { data } = await wx.http.get('/repair/' + id)
    // 渲染报修详情
    this.setData({ ...data })
    // 说明：正常上门中状态的报修单data中，应该返回from和to经纬度坐标（没有返回）
    if (data.status === 2) {
      this.createPl()
    }
  },
  // 在地图上绘制维修工上门的路线
  createPl() {
    //调用距离计算接口
    qqmap.direction({
      mode: 'driving',//路线规划方式可选值：'driving'（驾车）、'walking'（步行）、'bicycling'（骑行），不填默认：'driving',可不填
      //from参数不填默认当前地址 =》起点
      from: {
        latitude: 39.908116,
        longitude: 116.397292,
      },
      // 终点
      to:
      {
        // latitude: 39.910237,
        // longitude: 116.400014,
        latitude: 40.060539,
        longitude: 116.343847,
      }
      ,
      success: (res) => {
        console.log('路线规划结果：', res);
        let ret = res;
        let coors = ret.result.routes[0].polyline, pl = [];
        //坐标解压（返回的点串坐标，通过前向差分进行压缩）
        let kr = 1000000;
        for (let i = 2; i < coors.length; i++) {
          coors[i] = Number(coors[i - 2]) + Number(coors[i]) / kr;
        }
        //将解压后的坐标放入点串数组pl中
        for (let i = 0; i < coors.length; i += 2) {
          pl.push({ latitude: coors[i], longitude: coors[i + 1] })
        }
        console.log(pl)
        //设置polyline属性，将路线显示出来,将解压坐标第一个数据作为起点
        this.setData({
          latitude: pl[0].latitude,
          longitude: pl[0].longitude,
          polyline: [{
            points: pl,
            color: '#fd1890',
            width: 2
          }]
        })
      },
      fail: function (error) {
        console.error(error);
      },
      complete: function (res) {
        console.log(res);
      }
    });
  },
  // 受理中状态才能点击取消报修
  cancleRepair() {
    wx.showModal({
      title: '确认',
      content: '亲，确认取消报修吗？',
      success: async (result) => {
        if (result.confirm) {
          // 点击确定
          console.log('点击确定')
          await wx.http.put(`/cancel/repaire/${this.data.id}`)
          // 返回列表
          wx.navigateBack();

        }
      },
      fail: () => { },
      complete: () => { }
    });

  },
})